Design Systems Repo | A Collection of Design System Resources
An organized and frequently updated collection of Design System examples, resources, tools, articles and videos. DesignSystemsRepo.com 是一个免费的开源平台,它提供世界上最大的设计系统数据库。 该网站汇集了来自全球领先科技公司、设计工作室和开源社区的设计系统。它包含超过 500 个活跃的设计系统,涵盖各种行业和用途。 每个设计系统都包含品牌指南、UI 组件、设计原则和代码示例。DesignSystemsRepo.com 使设计人员和开发人员能够探索、借鉴和学习最佳实践,从而加速他们的设计和开发流程。 该网站还提供一个交互式沙盒,允许用户预览和实验来自不同设计系统的组件。它是一个宝贵的资源,可用于激发灵感、协作和提高设计质量。 无论您是从事产品设计、数字体验还是开发,DesignSystemsRepo.com 都是一个必不可少的工具,可以帮助您创建一致、可扩展和用户友好的数字产品。
Prime Design System Kit
primedesignsystem.com 是一个免费的设计系统网站,为设计师和开发人员提供了一个丰富的设计资源集合。它包含了组件库、设计原则、交互指南、图标库、插画库等。这些资源可以帮助设计师和开发人员创建一致且美观的用户界面。 Prime Design System 的组件库提供了各种各样的 UI 组件,包括按钮、输入框、下拉菜单、导航栏等。这些组件都是可定制的,设计师和开发人员可以根据自己的需求进行修改。此外,Prime Design System 还提供了设计原则和交互指南,帮助设计师和开发人员创建美观且易用的用户界面。 Prime Design System 的图标库和插画库也十分丰富。这些图标和插画可以帮助设计师和开发人员为他们的项目添加视觉元素。Prime Design System 还提供了 Figma 和 Sketch 等设计工具的插件,方便设计师和开发人员将 Prime Design System 的资源应用到他们的项目中。 总体来说,Prime Design System 是一个非常有用的设计系统网站,为设计师和开发人员提供了丰富的资源。它可以帮助设计师和开发人员创建一致且美观的用户界面。
Eva Design System
eva.design 是一家提供用户体验设计 (UXD) 和用户界面设计 (UI) 服务的公司。它由来自世界各地的经验丰富的设计师团队组成。他们致力于通过将创意和专业知识相结合来创造出令人印象深刻且用户友好的数字体验。 eva.design 拥有丰富的行业经验和敏锐的洞察力,能够深入了解客户的需求和目标受众的痛点,从而提供量身定制的解决方案。他们以结果为导向,专注于创造有助于提高用户满意度、增加转化率和实现业务目标的设计解决方案。 eva.design 的服务包括: * 用户体验设计:专注于改善用户与数字产品的交互过程,包括信息架构、易用性、可用性和可访问性等。 * 用户界面设计:注重数字产品的视觉设计和交互设计,包括配色方案、排版、布局和动画等。 * 原型设计和测试:构建交互式原型以可视化设计概念,并通过用户测试获取反馈和改进设计。 * 设计系统:创建和维护一致的设计系统,以确保产品保持品牌一致性和可扩展性。 eva.design 的优势在于: * 经验丰富的设计师团队:拥有来自不同行业的设计师,可以提供多维度的设计视角和解决方案。 * 以人为本的设计理念:始终关注用户体验,将用户需求放在设计决策的首位。 * 敏捷的开发流程:采用迭代和增量的开发方法,确保快速响应市场需求和用户反馈。 * 全面的服务范围:从概念设计到原型设计和测试,提供一站式的设计解决方案。
Clarity Design System
Clarity.design 是一个提供设计系统和组件库的网站,旨在帮助设计师和开发人员快速构建用户界面。该网站提供了广泛的设计资源,包括颜色、字体、图标、按钮、输入框等,以及一些预建的组件,如导航栏、页脚、表单等。 Clarity.design 的设计系统基于Material Design,因此它具有 Material Design 的优点,如一致性、简洁性、易用性等。同时,Clarity.design 也提供了自己的设计风格,使之更适合于数字产品的设计。 Clarity.design 的组件库包含了大量预先构建的组件,这些组件可以很容易地拖放到设计中,从而快速构建出用户界面。这些组件都是可定制的,因此设计师可以根据自己的需要进行修改。 此外,Clarity.design 还提供了一个在线编辑器,允许设计师直接在网站上编辑设计系统和组件库。这使得设计和开发人员可以协同工作,快速地迭代和更新设计。 总体来说,Clarity.design 是一个非常有用的设计资源,可以帮助设计师和开发人员快速构建出美观、易用的用户界面。
Lightning Design System
Lightningdesignsystem.com 是一个由 Salesforce 开源的 UI 组件库,用于构建统一和一致的 UI 体验。它提供了广泛的基础组件和实用程序,包括按钮、输入字段、表单、导航栏、模态框以及更多。 Lightningdesignsystem.com 的主要优点包括: * **一致性:** 组件库提供了一组统一的组件,确保 UI 体验在整个应用程序中保持一致。 * **响应式:** 组件库中的组件是响应式的,这意味着它们可以自动调整以适应不同的屏幕尺寸和设备。 * **可定制:** 组件库中的组件可以轻松定制,以满足特定的设计和品牌需求。 * **开源:** 组件库是开源的,这意味着它可以免费使用和修改。 Lightningdesignsystem.com 非常适合构建各种类型的应用程序,包括 Web 应用程序、移动应用程序和桌面应用程序。它也适用于构建复杂的仪表板和数据可视化。 如果你正在寻找一个 UI 组件库来构建一致和响应式的 UI 体验,那么 Lightningdesignsystem.com 是一个非常不错的选择。
Atomize Design System
Atomic Design 是一个用于创建和维护复杂界面的设计系统。它提供了一种组织和分层 UI 组件的方法,以便它们可以轻松地重新用于不同的项目。 Atomic Design 网站提供了有关方法本身、该方法的优点以及如何实施方法的深入信息。它还包括资源列表,例如文章、工具和示例,以帮助您开始使用 Atomic Design。 网站上有几个关键部分: * **文档:**包含关于 Atomic Design 方法的全面指南,包括其原则、优点和实施步骤。 * **资源:**提供文章、工具、模板和其他资源的集合,以支持您的 Atomic Design 实现。 * **社区:**提供一个论坛和社交媒体链接,让用户可以联系、讨论和分享有关 Atomic Design 的想法和经验。 总的来说,Atomic Design 网站是一个宝贵的资源,适用于希望采用该方法创建和维护可重用、一致且可扩展的 UI 组件的设计师和开发人员。
Orbit design system
An open source design system for your next travel project. Orbit是一款协作式笔记和项目管理工具,拥有简约的用户界面和强大的功能,可帮助团队轻松高效地协作。 **主要功能:** * **笔记与文档:**创建和共享笔记、清单和文档,并通过实时协作实现无缝编辑。 * **团队工作区:**设置项目工作区,以集中管理任务、文件和讨论。 * **看板:**使用看板视图跟踪任务进度,分配责任并可视化团队工作流程。 * **时间追踪:**记录任务所花费的时间,并通过报告查看团队的时间分配。 * **集成:**与Google Workspace、Slack、Asana和其他应用程序集成,简化工作流程。 Orbit旨在简化团队协作,提高生产力和可视性。无论团队规模或行业如何,它都是一个理想的解决方案。凭借易于使用的界面和丰富的功能,Orbit可以帮助团队高效管理项目、跟踪进度并实现目标。
Overview - Get started - Atlassian Design System
Atlassian.design 是 Atlassian 公司的一个网站,用于分享和宣传公司的设计理念、原则和最佳实践。该网站包含了大量关于 Atlassian 产品及其设计流程的文章、指南和教程。 Atlassian.design 网站的主要内容包括: * 设计理念:介绍 Atlassian 公司的设计理念和原则,包括用户体验、一致性、可访问性和性能等。 * 设计原则:详细介绍 Atlassian 公司在设计产品时遵循的具体设计原则,例如简洁性、一致性、反馈和可发现性等。 * 设计最佳实践:分享 Atlassian 公司在设计产品时积累的最佳实践经验,例如如何进行用户研究、如何创建原型以及如何进行可用性测试等。 * 设计案例研究:展示 Atlassian 公司在设计产品时遇到的具体案例和解决方案,以及从中吸取的经验教训。 Atlassian.design 网站是一个非常有价值的资源,可以帮助设计师和开发人员了解 Atlassian 公司的设计理念和最佳实践,并从中学习和借鉴。
Plaster - Mobile UI Kit and Design System UI Kit
Design beautiful Android & iOS applications with a powerful Mobile UI kit. Plaster — helps to create stunning mobile designs faster with thoughtful components and design rules. PlasterDesignSystem.com 是一个在线资源,提供 plaster 设计系统(一种用于创建健壮且可维护的 Web 应用程序的 CSS 框架)的全面文档和交互式示例。 该网站包括以下主要部分: * **文档:**详细的指南和教程,涵盖 plaster 的所有方面,从入门到高级主题。 * **Playground:**一个交互式沙盒,允许您在更改代码时实时查看结果,并立即试验新的想法。 * **示例:**各种真实世界的项目和组件的代码示例,展示如何使用 plaster 构建实际应用程序。 * **社区:**一个论坛和 Discord 频道,用户可以在其中讨论 plaster、分享知识并获得支持。 PlasterDesignSystem.com 的目的是为开发人员和设计师提供一个中心化的资源,以学习、探索和构建使用 plaster 的出色 Web 应用程序。该网站不断更新,以反映 plaster 的最新功能并提供最新的信息。
Brad Frost | Design system consultant, author of Atomic Design, web designer, and musician
BradFrost.com网站是布拉德·弗罗斯特(Brad Frost)的个人网站。布拉德·弗罗斯特是一位前端开发人员、设计师和作家,他以在用户体验和可访问性领域的工作而闻名。他的网站已成为前端开发资源的宝库,内容涵盖广泛,包括文章、教程、工具和资源。 在BradFrost.com网站上,你可以找到以下内容: * **文章:**布拉德·弗罗斯特撰写的关于前端开发、用户体验和可访问性的文章。这些文章涵盖了各种主题,包括响应式设计、渐进式增强、无障碍设计和前端性能。 * **教程:**布拉德·弗罗斯特编写的关于前端开发和用户体验的教程。这些教程涵盖了各种工具和技术,包括HTML、CSS、JavaScript、jQuery和React。 * **工具:**布拉德·弗罗斯特开发的各种前端开发工具,包括Atomic Design System、Pattern Lab和Styleguide.css。这些工具可以帮助你构建更具可维护性和可重用性的前端代码。 * **资源:**布拉德·弗罗斯特收集的各种前端开发资源,包括书籍、文章、工具和社区。这些资源可以帮助你学习和提高你的前端开发技能。 BradFrost.com网站是一个非常宝贵的资源,它可以帮助你学习和提高你的前端开发技能。如果你是一个前端开发人员,那么你应该经常访问BradFrost.com网站,以获取最新的前端开发资讯和资源。
Luro | Build a design system and track component usage, adoption, and success across your entire product.
LuroApp.com 是一个致力于帮助用户找到最优质的手机应用的网站。它提供了一个强大的搜索引擎,允许用户通过应用名称、类别、关键词等进行搜索。此外,网站还提供了详细的应用介绍、用户评论、评分等信息,帮助用户做出更明智的决策。 LuroApp.com 上的应用覆盖了各种类别,包括游戏、社交、生活、工具、娱乐等。网站每天都会更新,以确保用户能够及时找到最新的应用。此外,网站还提供了一个论坛,供用户分享经验和交流意见。 LuroApp.com 是一个非常受欢迎的手机应用下载网站。它拥有大量高质量的应用,并提供详细的应用信息,帮助用户做出更明智的决策。此外,网站的论坛也是一个非常活跃的社区,用户可以在这里分享经验和交流意见。